<template>
  <div class="tx-detail">
    <slot />
    <!-- <tx-line /> -->

    <div class="detail__buttons">
      <slot name="button" />
    </div>

  </div>
</template>

<script>
export default {
  props: {

  },

  created() {
    document.onkeyup = (e) => {
      let key = window.event.keyCode;
      if (key && key == 13) {
        this.$emit('enter')
      }
    }
  },

  methods: { 

  }

}

</script>

<style lang="scss" scoped>
@import "../../../style/variables.scss";
.tx-detail {
  // width: 900px;
  padding: 20px 30px;
  // box-shadow: 0px 0px 10px $tx-color-border;
  .detail__buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0px 10px 0px;
    .el-button{
      margin-right:15px;
    }
  }

  .detail__steps {
    padding: 30px 10px;
    display: flex;
    justify-content: center;
    .el-steps {
      width: 800px;
    }
  }
  ::v-deep  .el-form-item__label {
    font-weight: normal;
  }
}
</style>